<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <!-- 引入重置样式 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头 -->
    <div id="head" class="container clearfix">
        <a class="fl" href="#"><img src="images/logo.png" alt="logo" title="logo"></a>
        <div class="center fl">
            <form class="search" action="#" method="POST">
                <select name="" id="">
                    <option value="网页">网页</option>
                    <option value="软件">软件</option>
                </select>
                <input type="text" name="search">
                <img src="images/searchImg.jpg" alt="search" title="search">
                <button type='submit'>360搜索</button>
            </form>
            <div class="suggest clearfix">
                <a href="#">360安全大脑</a>
                <a href="#">勒索病毒</a>
                <a href="#">勒索病毒预防办法</a>
                <a href="#">国产勒索病毒如何解密</a>
                <a href="#">首页修复</a>
                <a href="#">更多 >></a>
            </div>
        </div>
        <div class="right fr">
            <a href="#">中文版</a>
            <a href="#">Global</a>
            <a class="login" href="#">登录</a>
            <a class="last" href="#">注册</a>
        </div>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <ul class="container clearfix">
            <li class="first"><a href="#">电脑软件</a></li>
            <li><a href="#">手机软件 </a></li>
            <li class="new"><a href="#">视频 ·直播</a></li>
            <li class="hot"><a href="#">金融科技</a></li>
            <li class="checked"><a href="#">个人服务</a></li>
            <li><a href="#">360商城</a></li>
            <li><a href="#">安全理赔</a></li>
            <li class="new"><a href="#">安全教育</a></li>
            <li><a href="#">企业服务</a></li>
            <li><a href="#">游戏</a></li>
            <li class="last"><a href="#">社区</a></li>
        </ul>
    </div>
    <!-- 轮播 -->
    <div id="banner">
        <div class="content">
            <a id="banner01" href="#"><img src="images/banner01.jpg" alt=""></a>
            <a id="banner02" href="#"><img src="images/banner01.png" alt=""></a>
            <a id="banner03" href="#"><img src="images/banner02.jpg" alt=""></a>
        </div>
        <div class="select clearfix">
            <a href="#banner01"></a>
            <a href="#banner02"></a>
            <a href="#banner03"></a>
        </div>
    </div>
    <!-- 软件-->
    <div id="soft" class="container clearfix">
        <a class="left">
            <div class="fl">
                <h1>360安全卫士</h1>
                <p>拦捆绑，反欺诈，十年“卫”生活</p>
            </div>
        </a>
        <a class="center clearfix">
            <div class="fl">
                <h1>浏览器/杀毒</h1>
                <p>全面防护，性能出众</p>
            </div>
        </a>
        <a class="right clearfix checked">
            <div class="fl">
                <h1>360智能硬件</h1>
                <p>安全从身边做起，保护更加全面</p>
            </div>
        </a>
    </div>
    <!-- 最新动态和下载 -->
    <div id="dynamicAndDownload" class="container clearfix">
        <div class="dynamic fl">
            <div class="title clearfix">
                <h1 class="fl">最新动态</h1>
                <a class="fr" href="#">更多&gt;</a>
            </div>
            <div class="content clearfix">
                <a href="#">
                    <img src="images/dynamic01.png" alt="">
                    <div>360公司上交所敲锣 成功回归A股</div>
                </a>
                <a href="#">
                    <img src="images/dynamic02.png" alt="">
                    <div>360安全大脑，极智守护</div>
                </a>
                <a class="mrCancel" href="#">
                    <img src="images/dynamic03.png" alt="">
                    <div>为数字雄安网络安全保驾护航</div>
                </a>
            </div>
        </div>
        <div class="download fr">
            <div class="title clearfix">
                <h1 class="fl">快速下载</h1>
                <a class="fr" href="#">更多&gt;</a>
            </div>
            <table class="content">
                <tr>
                    <td>
                        <img src="images/01.png" alt="">
                        <h2>安全卫士</h2>
                        <a href="#">下载</a>
                    </td>
                    <td>
                        <img src="images/02.png" alt="">
                        <h2>安全浏览器</h2>
                        <a href="#">下载</a>
                    </td>
                    <td>
                        <img src="images/03.png" alt="">
                        <h2>360杀毒</h2>
                        <a href="#">下载</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="images/04.png" alt="">
                        <h2>360压缩</h2>
                        <a href="#">下载</a>
                    </td>
                    <td>
                        <img src="images/05.png" alt="">
                        <h2>桌面助手</h2>
                        <a href="#">下载</a>
                    </td>
                    <td>
                        <img src="images/06.png" alt="">
                        <h2>清理大师</h2>
                        <a href="#">下载</a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 安全热点关注 -->
    <div id="safeHot" class="container">
        <div class="title clearfix">
            <h1 class="fl">安全热点关注</h1>
        </div>
        <div class="content clearfix">
            <a href="#">
                <img class="fl" src="images/safe1.png" alt="safe1">
                <div class="fl">
                    <h2>安全大脑，极智守护</h2>
                    <p>建立基于安全大脑的开放生态赋能大安全时代各行业</p>
                </div>
            </a>
            <a href="#">
                <img class="fl" src="images/safe2.png" alt="safe1">
                <div class="fl">
                    <h2>勒索病毒救助</h2>
                    <p>全球疫情实时监控，操作免疫防护，中毒自救，文件自助解密</p>
                </div>
            </a>
            <a href="#" class="last">
                <img class="fl" src="images/safe3.png" alt="safe1">
                <div class="fl">
                    <h2>高危漏洞免疫</h2>
                    <p>专业检测防护，一键免疫修复全部重大高危漏洞</p>
                </div>
            </a>

        </div>
    </div>
    <!-- 360安全软件和商城 -->
    <div id="safeSoftAndMall" class="container clearfix">
        <div class="safesoft fl">
            <div class="title clearfix">
                <h1 class="fl">360安全软件</h1>
            </div>
            <table class="content">
                <tr>
                    <td class="clearfix">
                        <img class="fl" src="images/app1.png">
                        <div class="fl">
                            <h2>360安全卫士</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                        <a href="#">安全卫士安装失败-解决方案</a>
                    </td>
                    <td class="clearfix">
                        <img class="fl" src="images/03.png">
                        <div class="fl">
                            <h2>360杀毒</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="clearfix">
                        <img class="fl" src="images/app3.png">
                        <div class="fl">
                            <h2>360安全浏览器</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                    <td class="clearfix">
                        <img class="fl" src="images/app4.png">
                        <div class="fl">
                            <h2>360极速浏览器</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="clearfix">
                        <img class="fl" src="images/app5.png">
                        <div class="fl">
                            <h2>360手机卫士</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                    <td class="clearfix">
                        <img class="fl" src="images/app6.png">
                        <div class="fl">
                            <h2>360手机助手</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="clearfix">
                        <img class="fl" src="images/app7.png">
                        <div class="fl">
                            <h2>360驱动大师</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                    <td class="clearfix">
                        <img class="fl" src="images/app8.png">
                        <div class="fl">
                            <h2>360免费WiFi</h2>
                            <div class="clearfix">
                                <a>下载</a>
                                <a>论坛</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <!-- 安全软件里的下边的链接 -->
                <tr class="cancelMb">
                    <td colspan="2">
                        <ul class="link">
                            <li class="clearfix tcolor01">
                                <a class="fl computer" href="#">
                                    <div class="fl">电脑软件</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">360压缩</a></li>
                                    <li><a href="#">鲁大师</a></li>
                                    <li><a href="#">系统急救箱</a></li>
                                    <li><a href="#">桌面助手</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                            <li class="clearfix tcolor02">
                                <a class="fl phone" href="#">
                                    <div class="fl">手机软件</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">360防骚扰大师</a></li>
                                    <li><a href="#">清理大师</a></li>
                                    <li><a href="#">一键ROOT</a></li>
                                    <li><a href="#">信用卫士</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                            <li class="clearfix tcolor03">
                                <a class="fl platform" href="#">
                                    <div class="fl">开放平台</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">点睛营销平台</a></li>
                                    <li><a href="#">奇胜效果联盟</a></li>
                                    <li><a href="#">加固保</a></li>
                                    <li><a href="#">网站卫士</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
        <div class="mall fr">
            <div class="title clearfix">
                <h1 class="fl">360商城</h1>
            </div>
            <table class="content">
                <tr class="smallBanner">
                    <td colspan="2">
                        <div class="imgshow">
                            <a id="img01" href="#"><img src="images/smallBanner01.jpg" alt=""></a>
                            <a id="img02" href="#"><img src="images/smallBanner02.jpg" alt=""></a>
                            <a id="img03" href="#"><img src="images/smallBanner03.jpg" alt=""></a>
                        </div>
                        <div class="controls clearfix">
                            <a href="#img01"></a>
                            <a href="#img02"></a>
                            <a href="#img03"></a>
                        </div>
                    </td>
                </tr>
                <tr class="product">
                    <td>
                        <a href="#" class="clearfix">
                            <div class="fl">
                                <h2>360手机N7</h2>
                                <div>￥1699起</div>
                            </div>
                            <img class="fr" src="images/product01.jpg" alt="">
                        </a>
                    </td>
                    <td>
                        <a href="#" class="clearfix">
                            <div class="fl">
                                <h2> 360儿童手表</h2>
                                <div>￥199起</div>
                            </div>
                            <img class="fr" src="images/product02.jpg" alt="">
                        </a>
                    </td>
                </tr>
                <tr class="product">
                    <td>
                        <a href="#" class="clearfix">
                            <div class="fl">
                                <h2> 360行车记录仪</h2>
                                <div>￥339起</div>
                            </div>
                            <img class="fr" src="images/product03.jpg" alt="">
                        </a>
                    </td>
                    <td>
                        <a href="#" class="clearfix">
                            <div class="fl">
                                <h2> 360智能摄像机</h2>
                                <div>￥129起</div>
                            </div>
                            <img class="fr" src="images/product04.jpg" alt="">
                        </a>
                    </td>
                </tr>
                <!-- 360商城里的下边的链接 -->
                <tr class="cancelMb">
                    <td colspan="2">
                        <ul class="link">
                            <li class="clearfix tcolor01">
                                <a class="fl phone360" href="#">
                                    <div class="fl">360手机</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">360手机N7 Pro</a></li>
                                    <li><a href="#">360手机N7 </a></li>
                                    <li><a href="#">360手机N7 Lite</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                            <li class="clearfix tcolor02">
                                <a class="fl alpha" href="#">
                                    <div class="fl">智能家居</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">扫地机器人</a></li>
                                    <li><a href="#">儿童手表</a></li>
                                    <li><a href="#">智能摄像机</a></li>
                                    <li><a href="#">安全路由</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                            <li class="clearfix tcolor03">
                                <a class="fl game" href="#">
                                    <div class="fl">娱乐游戏</div>
                                </a>
                                <ul class="clearfix fl">
                                    <li><a href="#">内存</a></li>
                                    <li><a href="#">游戏耳机</a></li>
                                    <li><a href="#">手柄/方向盘</a></li>
                                    <li><a href="#">键盘</a></li>
                                    <li><a href="#">鼠标</a></li>
                                    <li class="last"><a href="#">更多></a></li>
                                </ul>
                            </li>
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 安全小百科 -->
    <div id="safetyTrivia" class="container">
        <div class="title clearfix">
            <h1 class="fl">安全小百科</h1>
        </div>
        <div class="content clearfix">
            <ul class="fl">
                <li><a href="#">【系统安全】比中勒索病毒更可怕的，是你还不知道如何预防它</a></li>
                <li><a href="#">【系统安全】电脑或者服务器中了勒索病毒要怎么办？</a></li>
                <li><a href="#">【系统安全】高危漏洞莫忽视，勤打补丁更安全！</a></li>
                <li><a href="#">【系统安全】服务器中勒索病毒？一招教你避免“黑客”攻击！</a></li>
                <li><a href="#">【系统安全】360安全防护中心提示无法开启怎么办？</a></li>
                <li><a href="#">【误报申诉】电脑软件误报问题处理说明</a></li>
            </ul>
            <ul class="fr">
                <li><a href="#">【疑难杂症】安装补丁后无法进入系统解决方案</a></li>
                <li><a href="#">【疑难杂症】电脑蓝屏了怎么解决？</a></li>
                <li><a href="#">【疑难杂症】电脑无法上网怎么恢复？</a></li>
                <li><a href="#">【疑难杂症】浏览器默认上网首页被篡改怎么办？</a></li>
                <li><a href="#">【疑难杂症】如何卸载win10系统自带应用？</a></li>
                <li><a href="#">【疑难杂症】System/svchost.exe系统进程占用CPU高</a></li>
            </ul>
        </div>
    </div>
    <!-- 新闻动态 安全咨询 社区热帖 电脑安全 -->
    <div id="list" class="container clearfix">
        <div class="news">
            <div class="title clearfix">
                <h1 class="fl">新闻动态</h1>
            </div>
            <div class="content clearfix">
                <a href="#">
                    <img src="images/img01.png" alt="">
                    <div>360全球首家发现使用Adobe Flash 0day漏洞的国家级网络攻击行动</div>
                </a>
                <ul>
                    <li><a href="#">● 沸沸扬扬的“微信支付勒索病毒”，始作俑者竟然是个95后！</a></li>
                    <li><a href="#">● 360安全大脑深度披露：曾经席卷全球的WannaCry为何堕入反杀之路？</a></li>
                    <li><a href="#">● 突发！冒牌Petya勒索病毒袭击半导体行业！</a></li>
                    <li><a href="#">● 斩草除根，360终结首个“微信支付”勒索木马</a></li>
                    <li><a href="#">● 仿冒签名攻击频现，针对外贸行业精准钓鱼</a></li>
                </ul>
                <a>查看更多></a>
            </div>
        </div>
        <div class="consultation">
            <div class="title clearfix">
                <h1 class="fl">安全咨询</h1>
            </div>
            <div class="content clearfix">
                <a href="#">
                    <img src="images/img02.jpg" alt="">
                    <div>360安全卫士主防全面升级6.0版本</div>
                </a>
                <ul>
                    <li><a href="#">● 360安全卫士支持GandCrab勒索病毒解密</a></li>
                    <li><a href="#">● 360防黑加固升级 一键检测服务器账号安全</a></li>
                    <li><a href="#">● 远控木马盗用网易官方签名</a></li>
                    <li><a href="#">● 360代码卫士助Oracle公司修复Weblogic多个高危漏洞</a></li>
                    <li><a href="#">● 360CERT每日安全热点资讯</a></li>
                </ul>
                <a>查看更多></a>
            </div>
        </div>
        <div class="hotPosts">
            <div class="title clearfix">
                <h1 class="fl">社区热帖</h1>
            </div>
            <div class="content clearfix">
                <a href="#">
                    <img src="images/img03.jpg" alt="">
                    <div>【招募】寻找热爱360的你，期待你的加入！</div>
                </a>
                <ul>
                    <li><a href="#">● 保密行业最大规模盛会即将开幕</a></li>
                    <li><a href="#">● “锦鲤”热背后，小心踩到这些骗局</a></li>
                    <li><a href="#">● 新观点：数据驱动+运营 构建云安全技术新体</a></li>
                    <li><a href="#">● 【实测】多款主流游戏测试展现360N7Pro性能</a></li>
                    <li><a href="#">● 4-大风车的路战队回忆录</a></li>
                </ul>
                <a>查看更多></a>
            </div>
        </div>
        <div class="security">
            <div class="title clearfix">
                <h1 class="fl">电脑安全</h1>
            </div>
            <div class="content clearfix">
                <a href="#">
                    <img src="images/img04.jpg" alt="">
                    <div>勒索病毒“UNNAMED1989”中招用户有解了！</div>
                </a>
                <ul>
                    <li><a href="#">● 中国风都吹到勒索病毒界了？</a></li>
                    <li><a href="#">● 网页篡改 满屏广告 你的斐讯路由器被绑架了</a></li>
                    <li><a href="#">● “隐魂”借力永恒之蓝，再掀风浪！</a></li>
                    <li><a href="#">● 供应链攻击：JavaScript公共库event-stream被植入恶意代码预警</a></li>
                    <li><a href="#">● 潜伏已久，集百毒之长：“U盘魅影”木马爆发</a></li>
                </ul>
                <a>查看更多></a>
            </div>
        </div>
    </div>
    <!-- foot -->
    <div id="foot">
        <div class="container clearfix">
            <ul>
                <li><a href="#">关于360</a></li>
                <li><a href="#">公司简介</a></li>
                <li><a href="#">创始人</a></li>
                <li><a href="#">大事记</a></li>
                <li><a href="#">获奖记录</a></li>
                <li><a href="#">品牌宣传片</a></li>
            </ul>
            <ul>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">公司公告</a></li>
            </ul>
            <ul>
                <li><a href="#">加入360</a></li>
                <li><a href="#">社会招聘</a></li>
                <li><a href="#">校园招聘</a></li>
                <li><a href="#">360大学</a></li>
            </ul>
            <ul>
                <li><a href="#">用户服务</a></li>
                <li><a href="#">意见反馈</a></li>
                <li><a href="#">理赔举报</a></li>
                <li><a href="#">手机回收</a></li>
                <li><a href="#">电脑/手机维修</a></li>
                <li><a href="#">360隐私保护白皮书</a></li>
                <li><a href="#">360安全应急响应中心</a></li>
            </ul>
            <ul>
                <li><a href="#">商务合作</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">360点睛营销平台</a></li>
                <li><a href="#">360奇胜效果联盟</a></li>
                <li><a href="#">360企业服务</a></li>
                <li><a href="#">360生态链</a></li>
            </ul>
            <div class="fr attentionUs">
                <div class="clearfix">
                    <h3 class="fl">关注我们</h3>
                    <div class="fr">官方微博</div>
                </div>
                <div>
                    <a href="#">
                        <img src="images/dycode01.png" alt="">
                        <span>官方微信</span>
                    </a>
                    <a href="#">
                        <img src="images/dycode02.png" alt="">
                        <span>技术支持</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 版权相关信息 -->
    <div id="infomation" class="container">
        <div>Copyright©2005-2018 360.cn 版权所有 360互联网安全中心</div>
        <div>京ICP证080047号[京ICP备08010314号-6] 文网文[2009]024号 新出网证（京）字069号 工商营业执照</div>
        <div>
            <img src="images/icon01.png" alt="">
            <span>京公网安备 11000002000006号</span>
        </div>
    </div>
    <!-- 副边栏 -->
    <div id="asideControl">
        <a href="#">用户反馈</a>
        <a href="#">返回顶部</a>
    </div>
</body>

</html>